<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common :: commonHead('验证公共静态资源的引入')">
    <meta charset="UTF-8">
    <title>index页面模板</title>
</head>
<body >
<!-- 导航栏 -->
<nav class="navbar navbar-inverse ">
    <div class="container">
        <a class="navbar-brand" href="#">客户资源信息管理后台</a>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#">${user.userName}</a></li>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
</nav>
<!-- 页面抬头标题 -->
<div>
    <h1 align="center">抬头标题</h1>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            <!-- 左侧树 -->
            <div id="leftTree">

            </div>
        </div>
        <div class="col-md-10">
            <div id="myTabs">
                <!-- 新选项卡 -->
                <ul class="nav nav-tabs" id="tablist">
                    <li role="presentation" class="active">
                        <a href="#home" role="tab" data-toggle="tab">欢迎</a>
                    </li>
                </ul>
                <!-- 选项卡下内容 -->
                <div class="tab-content">
                    <div role="presentation" class="tab-pane active" id="home">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        //设置选项卡高度
        $.addtabs({iframeHeight:750});
        initLeftTree()
    })



    function initLeftTree(){
        $("#leftTree").treeview({
            data:[{
                id:1,
                text:"列表查询",
                //
                href:"../show",
                'state':{
                    //指示一个节点是否处于展开状态。
                    'expanded':false,
                }

            },{
                id:2,
                text:"我的收藏",
                href:""
            }],
            onNodeSelected: function (event,node) {//点击事件
                //触发点击事件，打开选项卡
                $.addtabs.add({
                    id:node.id,
                    title:node.text,
                    url:node.href
                });
            }
        })
    }
</script>





</body>
</html>